<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd"
        >
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>thymeleaf - Title </title>
    <style type="text/css">
        .span{
            color: red;
        }
    </style>
</head>
<body>
<div>
    <h2>论文发表页面</h2>
    <form action="/doAdd" method="post" enctype="multipart/form-data"><!---->
        <p>论文题目 <input name="title" required type="text"/>&nbsp;&nbsp;<span id="titleDesc"></span></p>
        <p>论文类型
            <select name="typeCode">
                <option >请选择论文类型</option>
<!--                <option>应用性</option>-->
<!--                <option>理论性</option>-->
            </select>
        </p>
        <p>论文摘要 <textarea id="paperSummary"  name="paperSummary" rows="10" cols="30"></textarea></p>

        <p>论文内容 文件：<input type="file" id="file" name="file" accept=".doc,.docx"  /></p>
        <p>*. 上传大小不能超过5M *上传文件类型
            必须为: doc docx</p>
        <input type="submit" value="保存">&nbsp;&nbsp;<button onclick="back()">返回</button><br>

    </form>
</div>
</body>
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
    $("#titleDesc").text("请输入论文标题");
    /**
     *  加载下拉框
     */
    $.ajax({
        "url": '/selectOption',
        "type": "post",
        "dataType": "json",
        "success": function (a) {
            for(var i = 0 ; i < a.length ; i++){
                console.log(a);
                var html = "<option>"+a[i].typeCode+"</option>";
                // console.log("html="+html);
                $("select").append(html);
            }
        },
        error: function () {
            alert("/selectOption 加载失败");
            // window.location.href = "./index.html";
        }

    });

    /**
     * ajax后台验证--是否已存在
     */
    $("input[name=title]").bind("blur",function(){
        var title = $("input[name=title]").val();
        //ajax后台验证--论文标题是否已存在
        $.ajax({
            type:"GET",//请求类型
            url:"/check",//请求的url
            data:{"title": title},//请求参数
            dataType:"json",//ajax接口（请求url）返回的数据类型
            success:function(data){//data：返回数据（json对象）
                // alert("data.length="+data.length);
                // alert("data[0].title="+data[0].title);
                var flag=false;
                if(title == data[0].title){
                    $("#titleDesc").text("该论文标题已存在，不能使用！");
                    $("#titleDesc").css("color","red");

                    // alert("该论文标题已存在，不能使用！");
                }else{
                    $("#titleDesc").text("该论文标题可以使用！");
                    $("#titleDesc").css("color","black");
                    // alert("该论文标题可以使用！");
                    flag = true;
                }

                // if(data.title == "empty"){//参数APKName为空，错误提示
                //     alert("论文标题为不能为空！");
                // }else if(data.title == "exist"){//账号不可用，错误提示
                //     alert("该论文标题已存在，不能使用！");
                // }else if(data.title == "noexist"){//账号可用，正确提示
                //     alert("该论文标题可以使用！");
                // }

            },
            error:function(data){//当访问时候，404，500 等非 200的错误状态码
                alert("/check 请求错误！");
            }
        });
    });

    /**
     * 保存论文
     */
    // $("input:button").click(function (){
    //     //标题
    //     var title = $("input[name=title]").val();
    //
    //     //论文类型
    //     var typeCode = $('#select option:selected').val();
    //     alert("typeCode="+typeCode);
    //     // 论文描述
    //     var paperSummary = $("#paperSummary").val();
    //     // 文件file
    //     var file = $("input[name=file]").val();
    //     alert("paperSummary="+paperSummary+", file="+file);
    //
    //     //添加论文
    //     $.ajax({
    //         type:"post",//请求类型
    //         url:"/doAdd",//请求的url
    //         data:{
    //             "title"       :title,
    //             "typeCode"    :typeCode,
    //             "paperSummary":paperSummary // 论文描述
    //             // "file"        :file //文件file
    //         },//请求参数
    //         dataType:"json",//ajax接口（请求url）返回的数据类型
    //         success:function(data){//data：返回数据（json对象）
    //             alert("data="+data);
    //             // alert("data.length="+data.length);
    //             if(data.indexOf("true")>0){
    //                 console.log("成功")
    //                 window.location.href="/chaxun";
    //             }else {
    //                 alert("失败")
    //                 console.log("失败")
    //             }
    //             // alert("data[0].title="+data[0].title);
    //
    //         },
    //         error:function(data){//当访问时候，404，500 等非 200的错误状态码
    //             alert("/doAdd 请求错误！");
    //         }
    //     });
    // });
    /**
     * 返回上一页
     */
    function back() {
        window.location.href="/chaxun";
    }

</script>
</html>